<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="shortcut icon" href="./assets/images/favicon.ico" />
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <script src="./lib/jquery/jquery.min.js"></script>

    <title>千锋商城</title>
    <style>
      #header .logo {
        padding: 7px 0px;
      }
    </style>
  </head>
  <body>
    <!--头部-->
    <header id="header">
      <div class="fl logo">
        <a href="">
          <img src="./assets/images/header_logo.png" alt="header_logo" />
        </a>
      </div>
      <div class="app fr">
        <a href="">
          <img src="./assets/images/header_app.png" alt="header_app" />
        </a>
      </div>
    </header>
    <!--搜索-->
    <section id="search">
      <div class="searchbox">
        <input
          type="text"
          name=""
          placeholder="请输入你想比价的产品"
          autocomplete="off"
        />
        <button></button>
      </div>
    </section>
    <!--菜单-->
    <nav id="nav">
      <div class="container">
        <div class="row" id="info"></div>
      </div>
    </nav>
    <!--折扣推荐-->
    <section id="discount">
      <span class="fl">超值折扣推荐</span>
      <a href="">
        <img src="./assets/images/more.png" class="fr" alt="more" />
      </a>
    </section>
    <!--商品-->
    <section id="product">
      <ul class="info">
        <li>
          <a href="" class="clearfix">
            <div class="img fl">
              <img src="./assets/images/ic_mall.png" alt="" />
            </div>
            <div class="infoR">
              <div class="title">
                <h4>正在加载...</h4>
              </div>
              <div class="other">
                <span class="mall fl"></span>
                <i class="iconfont icon-xiaoxi fr"></i>
              </div>
            </div>
          </a>
        </li>
      </ul>
    </section>
    <!--底部-->
    <section id="footer">
      <div class="more">
        <a href="">更多优惠信息>></a>
      </div>
      <div class="chart clearfix">
        <span class="chart_in fl">品牌排行</span>
        <span class="more fr">
          <img src="./assets/images/more.png" alt="more" />
        </span>
      </div>
      <div class="login">
        <div class="container">
          <div class="row">
            <a href="">
              <div class="col-xs-3">登入</div>
            </a>
            <a href="">
              <div class="col-xs-4">注册</div>
            </a>
            <a href="">
              <div class="col-xs-5">返回顶部</div>
            </a>
          </div>
        </div>
        <div class="content_b">
          <p>
            <a href="#">手机APP下载</a>
            <a href="#">万锋智慧商城手机版</a>
            -- 掌上比价平台
          </p>
          <p>chst.vip:8081/crm</p>
        </div>
      </div>
    </section>
    <!--js文件 注意引入的依赖关系-->
    <script src="./lib/utils.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
